<template>
  <div id="app" class="animated fadeInRight article v-cloak" v-cloak>
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <div class="text-center">
        <h1> {{ item.title }} </h1>
      </div>
      <div class="text-left" v-html="item.detailInfo"></div>
    </div>
    <div class="col-md-1"></div>
  </div>
</template>
<script type="text/javascript">
import '@/assets/css/style.css'
import axios from 'axios'
import {site} from '@/assets/js/boss'

export default {
  data() {
    return {
      id: 100000000000012306,
      item: {}
    }
  },
  mounted() {
    let that = window.$vueApp = this;
    document.getElementsByTagName('body')[0].className = 'fixed-sidebar full-height-layout';
    that.staff.init(function () {
      that.info();
    });
  },
  methods: {
    info() {
      let that = this;
      axios.get(site.sysNews.info + that.id, {}).then(function (response) {
        const result = response.data;
        if (result.code === 0) {
          that.item = result.data;
        } else {
          alert(result.message);
        }
      });
    }
  }
}
</script>
<style>
html, body {
  height: auto;
}
</style>
